<template>
   <view class="" style="padding: 32rpx;background-color: #FFFFFF;">
   	<u-row >
   		<u-col span="3">
   			<u--image :showLoading="true" src= 'https://cdn.uviewui.com/uview/album/1.jpg' width="80px" height="80px" @click="click"></u--image>
   		</u-col>
   		<u-col span="9">
   			<u-row>
   				<u--text :text="info.shop_name" size='20' color='#BF3F3F' bold></u--text>
   			</u-row>
   			<u-row>
   				<u-col span="6">
   					<u--text text="瓶" color='#3FBF7F'></u--text>
   				</u-col>
   				<u-col span="6">
   					<u--text text="已过期" color='#BCBCBC'></u--text>
   				</u-col>
   			</u-row>
   			<u-row>
   				<u-col span="4"  ju >
   					<u--text text="录:2020-20-20" size='12'></u--text> 
   					
   				</u-col>
   				<u-col span="4">
   					<u--text text="有效: 360天" size='12'></u--text>
   				</u-col>
   				<u-col span="4">
   					<u--text text="临:未设置" size='12'></u--text>
   					 
   				</u-col>
   			</u-row>
   			<u-row>
   				<u-col span="4">
   					<u--text text="下:未设置"  size='12'></u--text>
   				</u-col>
   				<u-col span="4" offset="4">
   					<u--text text="过:2021-11-11" size='12'></u--text>
   				</u-col>
   				 
   			</u-row>
   		</u-col> 
   	</u-row>
   </view>
</template>
	
<script>
    export default{
		props:{
			info:{
				type:Object
			}
		},
        data() {
            return {
				unitModel1:[
					{prop:"",label:"匹配商铺数"},
					{prop:"",label:"已报价商铺数"},
					{prop:"",label:"最新报价",class:"color-red",isMoney:true},
					{prop:"",label:"商品报价",class:"color-999",isMoney:true},
					{prop:"",label:"税点",class:"color-999"},
					{prop:"",label:"税费",class:"color-999",isMoney:true},
					{prop:"",label:"运费",class:"color-999",isMoney:true},
				]
            }
        },
        methods:{
			doDel(){
				this.$store.commit("switch_loading")
			}
        },
		computed:{
			
		},
		created() {
			
		},
    }
</script>
<style lang='scss'>
    .my-unit{
		margin: 20upx 0;
		background-color: #ffffff;
		font-size: 28upx;
		transform: all 1s;
		
		.unit-head{
			padding: 20upx;
			height: 80upx;
			box-sizing: border-box;
			border-bottom: 2upx solid #f5f5f5;
		}
		.unit-body{
			padding: 20upx;
			display: flex;
			flex-wrap: wrap;
			
			text{
				width: 50%;
				font-size: 28upx;
				line-height: 55upx;
			}
		}
		.unit-foot{
			height: 88upx;
			padding: 0 20upx;
			border-top: 2upx solid #f5f5f5;
			border-bottom: none;
			line-height: 88upx;
			
			.btn{
				height: 60upx;
				font-size: 28upx;
				line-height: 60upx;
				margin: 14upx 0;
			}
		}
	}
</style>